/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sf-menu {
    float: left;
    line-height: 1;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
}
.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu > li {
    float: left;
    position: relative;
}
.sf-menu li li {
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
    text-decoration: none;
}
.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul,
.sf-menu li li:hover li ul,
.sf-menu li li.sfHover li ul {
    top: -999em;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul,
.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul,
.sf-menu li li li:hover ul,
.sf-menu li li li.sfHover ul {
    right: 0;
    top: 100%;
    z-index: 999;
}
.sf-menu ul li:hover ul,
.sf-menu ul li.sfHover ul,
.sf-menu ul ul li:hover ul,
.sf-menu ul ul li.sfHover ul {
    left: auto !important;
    right: 100% !important;
    top: 0;
}


/* Visual Styling */
.sf-menu {
    background: #3d3d3d;
    background: -webkit-gradient (linear, left top, left bottom, color-stop(0%, #545353), color-stop(30px, #3d3d3d)) #3d3d3d;
    background: -webkit-linear-gradient(top, #545353 0%, #3d3d3d 30px) #3d3d3d;
       background: -moz-linear-gradient(top, #545353 0%, #3d3d3d 30px) #3d3d3d;
    	background: -ms-linear-gradient(top, #545353 0%, #3d3d3d 30px) #3d3d3d;
    	 background: -o-linear-gradient(top, #545353 0%, #3d3d3d 30px) #3d3d3d;
    		background: linear-gradient(to bottom, #545353 0%, #3d3d3d 30px) #3d3d3d;
    -webkit-border-radius: 0 0 10px 10px;
       -moz-border-radius: 0 0 10px 10px;
    		border-radius: 0 0 10px 10px;
    float: right;
    min-height: 30px;
    position: relative;
    text-transform: uppercase;
}
.sf-menu > li {
    border-left: 1px solid #FFF;
    height: 10px;
    margin: 10px 0;
    padding: 0 10px;
}
.sf-menu > li:first-child {
    border-left: 0 none;
}
.sf-menu > li > a {
    color: #FFF;
    height: 30px;
    line-height: 30px;
    margin: -10px 0;
    text-decoration: none;
}
.sf-menu li.current > a,
.sf-menu li a:hover {
    text-decoration: underline;
}


/* First Level Sub Menu */
.sf-menu ul {
    background: #3d3d3d;
    background: -webkit-gradient (linear, left top, left bottom, color-stop(0%, #3d3d3d), color-stop(100%, #545353));
    background: -webkit-linear-gradient(top, #3d3d3d 0%, #545353 100%);
       background: -moz-linear-gradient(top, #3d3d3d 0%,  #545353 100%);
    	background: -ms-linear-gradient(top, #3d3d3d 0%, #545353 100%);
    	 background: -o-linear-gradient(top, #3d3d3d 0%, #545353 100%);
    		background: linear-gradient(to bottom, #3d3d3d 0%, #545353 100%);
    -webkit-box-shadow: 1px 1px 7px -2px #3D3D3D;
       -moz-box-shadow: 1px 1px 7px -2px #3D3D3D;
    		box-shadow: 1px 1px 7px -2px #3D3D3D;
    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
    		border-radius: 0 0 4px 4px;
    margin-top: 10px;
}
.sf-menu ul li {
    border-bottom: 1px solid #202020;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    border-top: 1px solid #414141;
    border-top: 1px solid rgba(255,255,255,0.3);
}
.sf-menu ul li:nth-child(1) {
    border-top: 0 none;
}
.sf-menu ul li:last-child {
    border-bottom: 0 none;
}
.sf-menu ul a {
	color: #FFF;
	padding: 8px;
    white-space: nowrap;
}

/* Second level only */
.sf-menu ul ul {
    border-radius: 4px 0 4px 4px;
    margin-top: 0;
}
.sf-menu > li > ul > li:first-child ul {
    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
    		border-radius: 0 0 4px 4px;
}